<?xml version="1.0" encoding="UTF-8"?>
<jsp:root version="1.2" xmlns:f="http://java.sun.com/jsf/core" xmlns:h="http://java.sun.com/jsf/html" xmlns:jsp="http://java.sun.com/JSP/Page" xmlns:ui="http://www.sun.com/web/ui">
    <jsp:directive.page contentType="text/html;charset=UTF-8" pageEncoding="UTF-8"/>
    <f:view>
        <f:loadBundle basename="UtilidadesSetup" var="utilidadesSetup"/>
        <f:loadBundle basename="ParametrosSetup" var="parametrosSetup"/>
        <div align="center" style="width: 100%">
            <ui:themeLinks binding="#{ListadoMensajesPage.themeLinks1}" id="themeLinks1"/>
            <ui:form binding="#{ListadoMensajesPage.formAlertas}" id="formAlertas">
                <table>
                    <tr>
                        <td align="center">
                            <!-- contenedorGridPanel -->
                            <h:panelGrid columns="1" id="contenedorGridPanel">
                                <h:panelGroup style="display: block; text-align: left">
                                    <ui:image url="#{utilidadesSetup.redBulletImg}"/>
                                    <h:inputText binding="#{ListadoMensajesPage.busquedaTextField}" id="busquedaTextField" size="50" styleClass="select"/>
                                    <h:outputText value=" "/>
                                    <h:commandButton action="#{ListadoMensajesPage.buscarButton_action}" binding="#{ListadoMensajesPage.buscarButton}"
                                        id="buscarButton" styleClass="button" value="BUSCAR"/>
                                </h:panelGroup>
                                <h:dataTable binding="#{ListadoMensajesPage.dataTableAlertas}" headerClass="headerClassDataTable" id="dataTableAlertas"
                                    rowClasses="rowClassBlue,rowClassWhite" rows="50" value="#{ListadoMensajesPage.alertas}" var="alerta" width="100%">
                                    <h:column binding="#{ListadoMensajesPage.columnCodigo}" id="columnCodigo">
                                        <f:facet name="header">
                                            <h:outputText binding="#{ListadoMensajesPage.outputText2}" id="outputText2" value="Código"/>
                                        </f:facet>
                                        <h:panelGrid columns="1" style="text-align: center" width="100%">
                                            <h:outputText binding="#{ListadoMensajesPage.outputText1}" id="outputText1" styleClass="outputTextDataTable" value="#{alerta.codigo}"/>
                                        </h:panelGrid>
                                    </h:column>
                                    <h:column binding="#{ListadoMensajesPage.columnOrigen}" id="columnOrigen">
                                        <f:facet name="header">
                                            <h:outputText binding="#{ListadoMensajesPage.outputText11}" id="outputText11" value="Origen"/>
                                        </f:facet>
                                        <h:outputText binding="#{ListadoMensajesPage.outputText10}" id="outputText10" styleClass="outputTextDataTable" value="#{alerta.origen}"/>
                                    </h:column>
                                    <h:column binding="#{ListadoMensajesPage.columnDescripcion}" id="columnDescripcion">
                                        <f:facet name="header">
                                            <h:outputText binding="#{ListadoMensajesPage.outputText4}" id="outputText4" value="Descripción"/>
                                        </f:facet>
                                        <h:outputText binding="#{ListadoMensajesPage.outputText3}" id="outputText3" styleClass="outputTextDataTable" value="#{alerta.descripcion}"/>
                                    </h:column>
                                    <h:column binding="#{ListadoMensajesPage.columnArchivo}" id="columnArchivo">
                                        <f:facet name="header">
                                            <h:outputText binding="#{ListadoMensajesPage.outputText6}" id="outputText6" value="Fuente"/>
                                        </f:facet>
                                        <h:panelGrid columns="1" style="text-align: center" width="100%">
                                            <h:panelGroup rendered="#{alerta.archivo &amp;&amp; alerta.tienePath}" style="display: block; text-align: center">
                                                <h:commandButton action="#{ListadoMensajesPage.linkActionFileDownload_action}"
                                                    image="/././UtilidadesWebApp/imgs/saveDownload.gif" styleClass="guiaDistribucionImage"/>
                                                <h:inputHidden binding="#{ListadoMensajesPage.hiddenFieldPathArchivo}" id="hiddenFieldPathArchivo" value="#{alerta.pathArchivo}"/>
                                            </h:panelGroup>
                                            <ui:hyperlink onClick="doPopup(this,'#{alerta.pathArchivo}'); return false;"
                                                rendered="#{!alerta.archivo &amp;&amp; alerta.tienePath}" styleClass="outputTextCommandLink" text="#{alerta.pathArchivo}"/>
                                        </h:panelGrid>
                                    </h:column>
                                    <h:column binding="#{ListadoMensajesPage.columnFecha}" id="columnFecha">
                                        <f:facet name="header">
                                            <h:outputText binding="#{ListadoMensajesPage.outputText9}" id="outputText9" value="Fecha registro"/>
                                        </f:facet>
                                        <h:panelGrid columns="1" style="text-align: center" width="100%">
                                            <h:outputText binding="#{ListadoMensajesPage.outputText7}" id="outputText7" styleClass="outputTextDataTable" value="#{alerta.fechaRegistro}"/>
                                        </h:panelGrid>
                                    </h:column>
                                    <h:column binding="#{ListadoMensajesPage.columnEliminar}" id="columnEliminar">
                                        <f:facet name="header">
                                            <ui:hyperlink onClick="checkAllSeleccionGroup(); return false;">
                                                <h:outputText binding="#{ListadoMensajesPage.outputText8}" id="outputText8" style="color: white" value="Eliminar"/>
                                            </ui:hyperlink>
                                        </f:facet>
                                        <h:panelGrid columns="1" style="text-align: center" width="100%">
                                            <ui:checkbox binding="#{ListadoMensajesPage.checkboxEliminar}" id="checkboxEliminar" name="seleccionGroup" selectedValue="#{alerta.codigo}"/>
                                        </h:panelGrid>
                                    </h:column>
                                    <f:facet name="footer">
                                        <h:panelGrid binding="#{ListadoMensajesPage.gridPanelAbajo}" columns="2" id="gridPanelAbajo" width="100%">
                                            <h:panelGroup binding="#{ListadoMensajesPage.groupPanel1}" id="groupPanel1"
                                                style="display: block; text-align: right" styleClass="list-paging-footer">
                                                <h:commandButton action="#{ListadoMensajesPage.dataTableAlertas_firstPageAction}"
                                                    binding="#{ListadoMensajesPage.dataTableAlertasFooterFirstButton}" id="dataTableAlertasFooterFirstButton"
                                                    image="#{utilidadesSetup.firstPageImg}" immediate="true"/>
                                                <h:commandButton action="#{ListadoMensajesPage.dataTableAlertas_previousPageAction}"
                                                    binding="#{ListadoMensajesPage.dataTableAlertasFooterPreviousButton}"
                                                    id="dataTableAlertasFooterPreviousButton" image="#{utilidadesSetup.previousPageImg}" immediate="true"/>
                                                <h:commandButton action="#{ListadoMensajesPage.dataTableAlertas_nextPageAction}"
                                                    binding="#{ListadoMensajesPage.dataTableAlertasFooterNextButton}" id="dataTableAlertasFooterNextButton"
                                                    image="#{utilidadesSetup.nextPageImg}" immediate="true"/>
                                                <h:commandButton action="#{ListadoMensajesPage.dataTableAlertas_lastPageAction}"
                                                    binding="#{ListadoMensajesPage.dataTableAlertasFooterLastButton}" id="dataTableAlertasFooterLastButton"
                                                    image="#{utilidadesSetup.lastPageImg}" immediate="true"/>
                                            </h:panelGroup>
                                            <h:panelGroup style="display: block; text-align: right">
                                                <h:commandButton action="#{ListadoMensajesPage.eliminarButton_action}"
                                                    binding="#{ListadoMensajesPage.eliminarButton}" id="eliminarButton" styleClass="button" value="ELIMINAR"/>
                                            </h:panelGroup>
                                        </h:panelGrid>
                                    </f:facet>
                                </h:dataTable>
                            </h:panelGrid>
                            <!-- mensajeAlertGridPanel -->
                            <h:panelGrid binding="#{ListadoMensajesPage.mensajeAlertGridPanel}" id="mensajeAlertGridPanel" rendered="#{SessionAlertasBean.renderedMensajeAlertGridPanel}">
                                <ui:alert binding="#{ListadoMensajesPage.mensajeAlert}" id="mensajeAlert"/>
                            </h:panelGrid>
                        </td>
                    </tr>
                </table>
            </ui:form>
            <script language="JavaScript" type="text/javascript">
                function doPopup(source ,pathApp)
                {
                    var intleft = 0;
                    var inttop = 0;
                    
                    popup = window.open(pathApp, "popup",
                                        "height=screen.height,width=screen.width,left=" + intleft + ",top=" + inttop + ","
                                        + "location=no,toolbar=no,status=no,menubar=no,directories=no,resizable=yes,scrollbars=yes,copyhistory=no");
                    popup.focus();
                }
                
                function checkAllSeleccionGroup() 
                {
                    for (i=0; i&lt;document.forms["formAlertas"].elements.length; i++) 
                    {
                        if (document.forms["formAlertas"].elements[i].type == "checkbox") 
                        {
                            if (document.forms["formAlertas"].elements[i].name == "seleccionGroup") 
                            {
                                if(document.forms["formAlertas"].elements[i].checked)
                                {
                                    document.forms["formAlertas"].elements[i].checked = false;        
                                }
                                else
                                {
                                    document.forms["formAlertas"].elements[i].checked = true;    
                                }
                            }
                        }
                    }
                }               
            </script>
        </div>
    </f:view>
</jsp:root>
